<template>
  <div class="container">
    <el-dialog title="富文本编辑内容展示 mavonEditor预览" :visible.sync="dialogVisible" width="60%">
      <mavon-editor
        v-model="markdownContent"
 		    :subfield="false"
 		    :boxShadow="false"
 		    defaultOpen="preview"
 		    :toolbarsFlag="false"
        style="max-height: 420px"
      />
    </el-dialog>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        dialogVisible: false,
        markdownContent: ''
      }
    },
    methods: {
      init(data) {
        this.dialogVisible = true
        console.log('data:',data)
        this.markdownContent = data
      }
    }
  }
</script>
<style>
</style>
